<template>
  <!-- 详情 -->
  <div>
    <div class="produc">
       <div class="produc-banner"></div>
      <div class="container" style="padding: 40px 0px;">
        <div class="details-top">
          <h1 class="detailstitle">
            {{contentdetails.title}}
          </h1>
          <p class="time time2">发布时间：{{contentdetails.addTime}}</p>
        </div>
        <div class="detailscontent" v-html="contentdetails.content">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import api from '../api/index'
export default {
  name: 'detailsAll',
  data () {
    return {
      id: '',
      contentdetails: ''
    }
  },

  mounted () {
    this.id = this.$route.query.id
    api.contentdetails({ id: this.id }).then(res => {
      this.contentdetails = res.data.data
    })
  },
  methods: {}
}
</script>
<style>
.detailscontent tr td,
.detailscontent tr th {
  border: 1px solid #cccccc;
  padding: 5px;
}
.detailscontent tr th {
  background: #edecec;
  text-align: center;
}
.detailscontent video {
  max-width: 100%;
}
</style>


